<!DOCTYPE html>
<html lang="en" xmlns:https="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>Ioiy Aig Navigation</title>
    <link rel="icon" type="image/icon" href="default/img/知识.ico">

    <style type="text/css">
    </style>
    <script src="default/js/index.js"></script>
    <script src="default/js/changeIndexColor.js">
    </script>
    <link rel="stylesheet" type="text/css" href="default/css/index.css">
</head>
<body>


<div class="topNav" id="topNav">
    <h1 class="websiteName">Ioiy-Aig导航</h1>
    <ul class="topNav-menu-sub">
        <li>博客精选</li>
        <li>个人书签</li>
        <li>其他书签</li>
        <li>常用书签</li>
        <li>IT 新闻</li>
        <li>前端开发</li>
        <li>编程教程</li>
    </ul>
</div>

<div class="detailContent">
    <div id="search">
        <img src="default/img/searchImg.png" alt="searchImg" id="searchImg">
        <label for="searchContent">
            <input type="search" id="searchContent" placeholder="山重水复疑无路，柳暗花明又一村" required="required" autofocus="autofocus" onkeydown="enterSearch()">
        </label>
        <label for="click">
            <input type="button" value="混合搜索" id="click">
        </label>
        <div class="select">
            <label for="selectBaidu">
                百度
                <input type="radio" name="select" id="selectBaidu" value="baidu" checked>
            </label>
            <label for="selectGoogle">
                谷歌
                <input type="radio" name="select" id="selectGoogle" value="google">
            </label>
            <label for="selectBing">
                必应
                <input type="radio" name="select" id="selectBing" value="bing">
            </label>
            <label for="select360">
                360搜索
                <input type="radio" name="select" id="select360" value="360so">
            </label>
            <label for="selectSougo">
                搜狗
                <input type="radio" name="select" id="selectSougo" value="sougou">
            </label>
        </div>
    </div>

    <div class="contentLeft">
        <div class="subContentLeft">
            <h2>音乐</h2>
            <div class="subContentLeftItem">
                    <a href="https://www.kugou.com/" class="linkItem" target="_blank">
                        <figure>
                            <img src="default/img/酷狗音乐.png">
                            <figcaption>酷狗音乐</figcaption>
                        </figure>
                    </a>
                    <a href="https://y.qq.com/" class="linkItem" target="_blank">
                        <figure>
                            <img src="default/img/QQ音乐.png">
                            <figcaption>QQ音乐</figcaption>
                        </figure>
                    </a>
                    <a href="https://music.163.com/" class="linkItem" target="_blank">
                        <figure>
                            <img src="default/img/网易云音乐.png">
                            <figcaption>网易云音乐</figcaption>
                        </figure>
                    </a>
                    <a href="https://www.xiami.com/" class="linkItem" target="_blank">
                        <figure>
                            <img src="default/img/虾米.png">
                            <figcaption>虾米音乐</figcaption>
                        </figure>
                    </a>
                    <a href="http://music.taihe.com/" class="linkItem" target="_blank">
                        <figure>
                            <img src="default/img/千千音乐.png">
                            <figcaption>千千音乐</figcaption>
                        </figure>
                    </a>
                    <a href="http://www.koowo.com/" class="linkItem" target="_blank">
                        <figure>
                            <img src="default/img/酷我音乐.png">
                            <figcaption>酷我音乐</figcaption>
                        </figure>
                    </a>
                    <a href="https://music.douban.com/" class="linkItem" target="_blank">
                        <figure>
                            <img src="default/img/豆瓣.png">
                            <figcaption>豆瓣音乐</figcaption>
                        </figure>
                    </a>
            </div>
        </div>

        <div class="subContentLeft">
            <h2>博客精选</h2>
            <div class="subContentLeftItem">
                    <a href="https://www.xiami.com/" class="linkItem" target="_blank">
                        <figure>
                            <img src="default/img/item.png">
                            <figcaption>虾米音乐</figcaption>
                        </figure>
                    </a><a href="https://www.xiami.com/" class="linkItem" target="_blank">
                        <figure>
                            <img src="default/img/item.png">
                            <figcaption>虾米音乐</figcaption>
                        </figure>
                    </a><a href="https://www.xiami.com/" class="linkItem" target="_blank">
                        <figure>
                            <img src="default/img/item.png">
                            <figcaption>虾米音乐</figcaption>
                        </figure>
                    </a><a href="https://www.xiami.com/" class="linkItem" target="_blank">
                        <figure>
                            <img src="default/img/item.png">
                            <figcaption>虾米音乐</figcaption>
                        </figure>
                    </a><a href="https://www.w3cplus.com/" class="linkItem" target="_blank">
                        <figure>
                            <img src="default/img/item.png">
                            <figcaption>W3Cplus</figcaption>
                        </figure>
                    </a><a href="https://juejin.im/timeline" class="linkItem" target="_blank">
                        <figure>
                            <img src="default/img/item.png">
                            <figcaption>掘金</figcaption>
                        </figure>
                    </a><a href="https://segmentfault.com/" class="linkItem" target="_blank">
                        <figure>
                            <img src="default/img/item.png">
                            <figcaption>思否</figcaption>
                        </figure>
                    </a>
                    <a href="http://www.williamlong.info/" class="linkItem" target="_blank">
                        <figure>
                            <img src="default/img/item.png">
                            <figcaption>月光博客</figcaption>
                        </figure>
                    </a>
                    <a href="https://www.tuicool.com/" class="linkItem" target="_blank">
                        <figure>
                            <img src="default/img/item.png">
                            <figcaption>推酷</figcaption>
                        </figure>
                    </a>
                    <a href="https://bbs.pythontab.com/" class="linkItem" target="_blank" alt="python中文社区" title="python中文社区">
                        <figure>
                            <img src="default/img/item.png">
                            <figcaption>python中文社区</figcaption>
                        </figure>
                    </a>
                    <a href="http://www.ruanyifeng.com/blog/" class="linkItem" target="_blank">
                        <figure>
                            <img src="default/img/item.png">
                            <figcaption>阮一峰</figcaption>
                        </figure>
                    </a>
                    <a href="http://www.codeceo.com/" class="linkItem" target="_blank">
                        <figure>
                            <img src="default/img/item.png">
                            <figcaption>码农网</figcaption>
                        </figure>
                    </a>
                    <a href="https://cuiqingcai.com/" class="linkItem" target="_blank">
                        <figure>
                            <img src="default/img/item.png">
                            <figcaption>静觅博客</figcaption>
                        </figure>
                    </a>
                    <a href="https://www.itcodemonkey.com/" class="linkItem" target="_blank">
                        <figure>
                            <img src="default/img/item.png">
                            <figcaption>IT程序员</figcaption>
                        </figure>
                    </a>
                    <a href="https://www.cnblogs.com/" class="linkItem" target="_blank">
                        <figure>
                            <img src="default/img/item.png">
                            <figcaption>博客园</figcaption>
                        </figure>
                    </a>
                    <a href="https://www.liaoxuefeng.com/" class="linkItem" target="_blank">
                        <figure>
                            <img src="default/img/item.png">
                            <figcaption>廖雪峰</figcaption>
                        </figure>
                    </a>
                    <a href="https://blog.codingnow.com/" class="linkItem" target="_blank">
                        <figure>
                            <img src="default/img/item.png">
                            <figcaption>云风博客</figcaption>
                        </figure>
                    </a>
            </div>
        </div>

        <div class="subContentLeft">
            <h2>常用书签</h2>
            <div class="subContentLeftItem">
                    <a href="https://www.xiami.com/" class="linkItem" target="_blank">
                        <figure>
                            <img src="default/img/item.png">
                            <figcaption>虾米音乐</figcaption>
                        </figure>
                    </a>
                    <a href="https://www.xiami.com/" class="linkItem" target="_blank">
                        <figure>
                            <img src="default/img/item.png">
                            <figcaption>虾米音乐</figcaption>
                        </figure>
                    </a>
                    <a href="https://www.xiami.com/" class="linkItem" target="_blank">
                        <figure>
                            <img src="default/img/item.png">
                            <figcaption>虾米音乐</figcaption>
                        </figure>
                    </a>
                    <a href="https://www.xiami.com/" class="linkItem" target="_blank">
                        <figure>
                            <img src="default/img/item.png">
                            <figcaption>虾米音乐</figcaption>
                        </figure>
                    </a>
                    <a href="https://www.xiami.com/" class="linkItem" target="_blank">
                        <figure>
                            <img src="default/img/item.png">
                            <figcaption>虾米音乐</figcaption>
                        </figure>
                    </a>
                    <a href="https://www.xiami.com/" class="linkItem" target="_blank">
                        <figure>
                            <img src="default/img/item.png">
                            <figcaption>虾米音乐</figcaption>
                        </figure>
                    </a>
                    <a href="https://www.xiami.com/" class="linkItem" target="_blank">
                        <figure>
                            <img src="default/img/item.png">
                            <figcaption>虾米音乐</figcaption>
                        </figure>
                    </a>
                    <a href="https://www.xiami.com/" class="linkItem" target="_blank">
                        <figure>
                            <img src="default/img/item.png">
                            <figcaption>虾米音乐</figcaption>
                        </figure>
                    </a>
                    <a href="https://www.xiami.com/" class="linkItem" target="_blank">
                        <figure>
                            <img src="default/img/item.png">
                            <figcaption>虾米音乐</figcaption>
                        </figure>
                    </a>
            </div>
        </div>

        <div class="subContentLeft">
            <h2>常用书签</h2>
            <div class="subContentLeftItem">
                    <a href="https://www.xiami.com/" class="linkItem" target="_blank">
                        <figure>
                            <img src="default/img/item.png">
                            <figcaption>虾米音乐</figcaption>
                        </figure>
                    </a>
                    <a href="https://www.xiami.com/" class="linkItem" target="_blank">
                        <figure>
                            <img src="default/img/item.png">
                            <figcaption>虾米音乐</figcaption>
                        </figure>
                    </a>
                    <a href="https://www.xiami.com/" class="linkItem" target="_blank">
                        <figure>
                            <img src="default/img/item.png">
                            <figcaption>虾米音乐</figcaption>
                        </figure>
                    </a>
                    <a href="https://www.xiami.com/" class="linkItem" target="_blank">
                        <figure>
                            <img src="default/img/item.png">
                            <figcaption>虾米音乐</figcaption>
                        </figure>
                    </a>
                    <a href="https://www.xiami.com/" class="linkItem" target="_blank">
                        <figure>
                            <img src="default/img/item.png">
                            <figcaption>虾米音乐</figcaption>
                        </figure>
                    </a>
                    <a href="https://www.xiami.com/" class="linkItem" target="_blank">
                        <figure>
                            <img src="default/img/item.png">
                            <figcaption>虾米音乐</figcaption>
                        </figure>
                    </a>
                    <a href="https://www.xiami.com/" class="linkItem" target="_blank">
                        <figure>
                            <img src="default/img/item.png">
                            <figcaption>虾米音乐</figcaption>
                        </figure>
                    </a>
                    <a href="https://www.xiami.com/" class="linkItem" target="_blank">
                        <figure>
                            <img src="default/img/item.png">
                            <figcaption>虾米音乐</figcaption>
                        </figure>
                    </a>
                    <a href="https://www.xiami.com/" class="linkItem" target="_blank">
                        <figure>
                            <img src="default/img/item.png">
                            <figcaption>虾米音乐</figcaption>
                        </figure>
                    </a>
                    <a href="https://www.xiami.com/" class="linkItem" target="_blank">
                        <figure>
                            <img src="default/img/item.png">
                            <figcaption>虾米音乐</figcaption>
                        </figure>
                    </a>
            </div>
        </div>

    </div>

</div>
<div class="fix">
    <a class="fixContent" href="#topNav">
        <div></div>
        <span>回到顶部</span>
    </a>
    <a class="login" href="default/login.html">
        <div></div>
        <span>登录</span>
    </a>
</div>

<div class="footer">
    <div class="friendLink">
        <h3>友情链接</h3>
        <ul class="friendLinkItem">
            <li>IT信息网服务</li>
            <li>IT信息网服务</li>
            <li>IT信息网服务</li>
            <li>IT信息网服务</li>
            <li>IT信息网服务</li>
            <li>IT信息网服务</li>
            <li>IT信息网服务</li>
            <li>IT信息网服务</li>
        </ul>
    </div>
    <div class="footerNav">
        <h3>内部导航</h3>
        <ul class="subFooterNav">
            <li>IT信息网服务</li>
            <li>IT信息网服务</li>
            <li>IT信息网服务</li>
            <li>IT信息网服务</li>
            <li>IT信息网服务</li>
            <li>IT信息网服务</li>
            <li>IT信息网服务</li>
            <li>IT信息网服务</li>
            <li>IT信息网服务</li>
        </ul>
    </div>
    <div class="concerning">
        <h3>关于我们</h3>
        <ul class="concerningItem">
            <li>意见反馈</li>
            <li>意见反馈</li>
            <li>意见反馈</li>
            <li>意见反馈</li>
            <li>意见反馈</li>
            <li>意见反馈</li>

        </ul>
    </div>
    <div class="copyright">
        <p>© 2019 <a href="index.html" target="_blank">Ioiy-Aig Nav</a>, all rights reserved</p>
        <p>Waster版权所有&nbsp;&nbsp;侵权不究</p>
    </div>
</div>

</body>
</html>